

.page-main {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    flex: 1;
    max-height: 100%;
    position: relative;
    z-index: 1;
}
.main-suv{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.layout{
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: env(safe-area-inset-bottom);
    padding-top: env(safe-area-inset-top);
    padding-left: evn(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

//   滚动条
.ps {
  overflow: scroll !important; 
}
.ps,
.ps--active-y {
   overflow-x: hidden;
   overflow-y: scroll;
   .ps__rail-y {
       width: 0.06rem;
       opacity: 1;
       display: block;
       z-index: 199;
       background-color: transparent;
       .ps__thumb-y {
           background-color: #aaa;
           border-radius: .06rem;
           transition: background-color .2s linear, width .2s ease-in-out;
           -webkit-transition: background-color .2s linear, width .2s ease-in-out;
           max-width: 0.06rem;
           right: 0rem;
           position: absolute;
       }
       .ps__thumb-y:hover{
            max-width: 0.06rem;
       }
   }
   .ps__rail-y:hover {
       background-color: transparent;
   }
   .ps__rail-y.ps--clicking{
       background-color: transparent;
       opacity: 1;
   }
}
// 错误弹窗
.toast-message {
  width: 100%;
  max-width: var(--theme-max-width);
  min-width: var(--theme-min-width);
  .toast-message-notice .toast-message-notice-content {
      padding: 20px 30px;
      font-size: .26rem;
      .anticon.anticon-loading {
          font-size: .36rem;
          color: #1989fa;
      }
      .anticon {
          font-size: .36rem;
      }
      .toast-message-custom-content {
          line-height: .35rem;
          display: flex;
          align-items: center;
          justify-content: center;
          span:nth-child(2) {
              max-width: 5rem;
              max-height: 3.2rem;
              overflow: hidden;
              word-break: break-word;
              display: -webkit-box;
              overflow: hidden;
              text-overflow: ellipsis;
              vertical-align: middle;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical;
              line-height: .32rem;
              font-size: .26rem;
          }
      }
  }
}
// tab 导航栏
.tab-bar-box {
  background-color: #ffffff;
  
  .van-tabs.container-tabs {
    width: 100%;
    max-width: var(--theme-max-width);
    min-width: var(--theme-min-width);
      .van-tabs__wrap {
        height: 0.9rem;
        border-bottom: .01rem solid #f5f5f5;
        // height: 0.91rem;
          // border-bottom: none;
      }
      .van-badge__wrapper{
          .van-badge--top-right{
              top: -.1rem;
              right: -.2rem;
              border: none;
              padding: 0.02rem 0.1rem 0 0.1rem;
              background-color: #ee0a24;
              font-size: .16rem;
          }
          .van-badge::before{
              content: "";
              display: inline-block;
              position: absolute;
              bottom: -.04rem;
              z-index: 20;
              left: 0;
              width: 0;
              height: 0;
              border-left: .079rem solid #ee0a24;
              border-top: .066rem solid transparent;
              border-bottom: .066rem solid transparent;
              font-size: 0;
          }
      }
      .van-tabs__nav {
          background-color: #ffffff;
          padding: 0px;
          .van-tab {
              margin: 0;
              padding: 0 .3rem;
              position: relative;
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              line-height: .2rem;
              cursor: pointer;
              color: #333333;
              font-size: .24rem;
              .van-tab__text{
                  font-size: .26rem;
              }
          }
          .van-tab--active{
            font-size: .26rem;
              color: #1989fa;
          }
      }
      .van-tabs__line {
          background-color: #1989fa;
          bottom: 0px;
          border-radius: .04rem;
          height: 0.04rem;
          width: 1rem;
      }
  }
}